<template>
  <div style="width:100%; height: 90vh; background: white; padding: 30px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);">
    <h3 style="text-align: center">新流水报告引导说明</h3>
    <p style="text-align: center; font-size: 16px; margin-top: 15px">
      <span style="padding-left: 10px;padding-right: 10px;">挖掘潜在<span style="color: red">线下债务</span></span>
      <span style="padding-left: 10px;padding-right: 10px;">识别债务<span style="color: red">优化</span></span>
      <span style="padding-left: 10px;padding-right: 10px;">让您的回款率提升<span style="color: red">30%+</span></span>
    </p>
    <div style=" width: 100%; display: flex ;align-items: center;  justify-content: center">
      <div style="border: 1px solid #e4e6e7; width: 100%; max-width: 900px; margin-top: 20px; padding: 70px;">
        <div style="text-align: left; font-size: 14px">
          <p style="font-weight: bold; ">微信/支付宝账单上传路径:</p>
          <p style="margin-top: 15px">
            1.【支付宝】我的-账单-右上角三个点···点开-开具流水证明-用于材料证明-申请-自定义时间近一年--下一步输入邮箱：{{ ydwz }}发送
          </p>
          <p style="margin-top: 15px">
            2.【微信】我-服务-钱包-客服中心-下载账单-用做证明材料-接收方式选邮箱-确定-邮箱地址{{ ydwz }}账单时间自定义选一年的--下一步--发送
          </p>
          <p style="margin-top: 45px">
            备注:要用于证明材料/证件材料，不要发对账材料!
          </p>
        </div>
        <div style="margin-top: 100px; text-align: center">
          <a style="font-size: 14px; color: #2d8cf0; text-decoration: underline; cursor: pointer" @click="copyContentMethod">点击复制引导文案</a>
        </div>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
import {BizConfigApi} from "@/api/business/config";

/** 数据查询-流水报告 列表 */
defineOptions({ name: 'LsbgInfo' })

const message = useMessage() // 消息弹窗
const { t } = useI18n() // 国际化



/** 查询列表 */
const copyContentMethod = async () => {
  let text = '微信/支付宝账单上传路径:\n' +
    '1.【支付宝】我的-账单-右上角三个点···点开-开具流水证明-用于材料证明-申请-自定义时间近一年--下一步输入邮箱：' + ydwz.value + '发送\n' +
    '2.【微信】我-服务-钱包-客服中心-下载账单-用做证明材料-接收方式选邮箱-确定-邮箱地址' + ydwz.value + '账单时间自定义选一年的--下一步--发送\n' +
    '备注:要用于证明材料/证件材料，不要发对账材料!';
  navigator.clipboard.writeText(text)
  message.success('复制成功')
}

let ydt = ref();
const getydtImage = async () => {
  ydt.value = (await BizConfigApi.getBizConfig(3)).value
}
let ydwz = ref();
const getydwz = async () => {
  ydwz.value = (await BizConfigApi.getBizConfig(4)).value
}

/** 初始化 **/
onMounted(() => {
  getydtImage()
  getydwz()
})
</script>
<style scoped>
.container {
  display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center;     /* 垂直居中 */
  width: 100%;           /* 设置容器高度 */
  height: 500px;           /* 设置容器高度 */
}
</style>
